<template>
  <div class="mtip-box">
    <div class="mtip-con">
      <ul class="news-box">
        <li>&nbsp;&nbsp;&nbsp; <router-link to="/service" tag='span'>个人资料</router-link></li>
        <li>&nbsp;&nbsp;&nbsp; <router-link to="/login" tag="span">退出</router-link></li>
      </ul>
    </div>
  </div>
</template>

<style scoped>
        li{
            list-style: none;
        }
        *{
            margin: 0;
            padding: 0px;
        }
        .mtip-box{
            z-index:999;
            position:absolute;
            width:0;
            min-height:150px;
            right:0;
            top:0px;
            
        }

.mtip-con {
  width: 184px;
  /* min-height:300px; */
  position: absolute;
  padding-top: 30px;
}
.news-box {
  box-sizing: border-box;

  padding: 9px 0px;
  width: 184px;
  /* min-height:300px; */
  right: -244px;
  border-radius: 4px;
  /* border:1px solid #ccc; */
  background: #fff;
  font-size: 14px;
  color: #333333;
}
.mtip-box {
  overflow: hidden;
}
.news-box > li {
  padding: 0px 9px;
  height: 44px;
  color: #000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 6px;
  line-height: 44px;
  cursor: pointer;
  user-select: none;
}
.news-box > li:hover {
  background: #9137f3;
  color: #fff;
}
</style>
